<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN""DTD/xhtml1-strict.dtd">
<%@page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@taglib uri="/WEB-INF/c.tld" prefix="c"%>
<%@taglib uri="/WEB-INF/fmt.tld" prefix="fmt"%>
<%@taglib uri="/WEB-INF/el.tld" prefix="el"%>
<%@taglib uri="/WEB-INF/fn.tld" prefix="fn"%>
<html>
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
		<title></title>
		<c:import url="/includes/css_inc.jsp"/>
		<c:import url="/includes/js_inc.jsp"/>
		<script>
			$(function(){
				$("#btnSave").button({
		            icons: {
		                primary: "ui-icon-disk"
		            }
				}).click(function(){
					if (validateEmpty()) {
						if (parseInt($("#dd").val()) > 31) {
							alert("วันที่เกินวันที่ 31 กรุณาระบุใหม่");
						} else {
							$("#saveForm").submit();
						}
					}
				});
				$("#btnBack").button({
		            icons: {
		                primary: "ui-icon-arrowreturnthick-1-w"
		            }
				}).click(function(){
					$("#job").val("back");
					$("#saveForm").submit();
				});
			});
		</script>
	</head>
	<body>
		<c:set var="auth" value="${el:getMapValue(menuAuth, 'ACC60109')}"/>
		<c:import url="/apps/msg.jsp"/>
		<form class="acc67-form" name="saveForm" id="saveForm" action="${pageContext.request.contextPath}/acc6" method="post">
		<input type="hidden" name="app" id="app" value="ACC60110"/>
		<input type="hidden" name="job" id="job" value="${job}"/>
		<input type="hidden" name="timestamps" id="timestamps" value="${bhb.timestamps}"/>
		<table width="100%" class="ui-widget ui-widget-content" border="0">
			<tr>
				<th align="left" class="acc67-header ui-widget-header" colspan="2"><b>${screenCode.ACC60109}</b></th>
			</tr>
			<tr>
				<td class="bold"　width="5%">วันหยุด : </td> 
				<td>
					<input type="text" name="holidayName" id="holidayName" maxlength="50" value="${bhb.holidayName}"/>
					<span class="red" id="#holidayName">*</span>
				</td>
			</tr>
			<tr>
				<td class="bold">วันที่ : </td> 
				<td>
					<input type="text" name="dd" id="dd" maxlength="2" size="2" onkeypress="return numberOnly(event, false);" value="${bhb.dd}" />
					<span class="red" id="#dd">*</span>
				</td>
			</tr>
			<tr>
				<td class="bold">เดือน : </td> 
				<td>
					<select name="mm" id="mm">
						<option value="">----- เลือก -----</option>
						<option value="01" ${bhb.mm == '01' ? 'selected':''} >มกราคม</option>
						<option value="02" ${bhb.mm == '02' ? 'selected':''} >กุมภาพันธ์</option>
						<option value="03" ${bhb.mm == '03' ? 'selected':''} >มีนาคม</option>
						<option value="04" ${bhb.mm == '04' ? 'selected':''} >เมษายน</option>
						<option value="05" ${bhb.mm == '05' ? 'selected':''} >พฤษภาคม</option>
						<option value="06" ${bhb.mm == '06' ? 'selected':''} >มิถุนายน</option>
						<option value="07" ${bhb.mm == '07' ? 'selected':''} >กรกฎาคม</option>
						<option value="08" ${bhb.mm == '08' ? 'selected':''} >สิงหาคม</option>
						<option value="09" ${bhb.mm == '09' ? 'selected':''} >กันยายน</option>
						<option value="10" ${bhb.mm == '10' ? 'selected':''} >ตุลาคม</option>
						<option value="11" ${bhb.mm == '11' ? 'selected':''} >พฤศจิกายน</option>
						<option value="12" ${bhb.mm == '12' ? 'selected':''} >ธันวาคม</option>
					</select>
					<span class="red" id="#mm">*</span>
				</td>
			</tr>
			<tr>
				<td class="bold">ปี : </td> 
				<td>
					<input type="text" name="yyyy" id="yyyy" maxlength="4" size="4" onkeypress="return numberOnly(event, false);" value="${!empty bhb.yyyy ? bhb.yyyy+543 : ''}" />
					<span class="red">* ระบุเป็นปี พ.ศ. 4 หลัก</span>
				</td>
			</tr>
			<tr>
				<td align="center" colspan="2">
					<c:if test="${fn:contains(auth, 'I') || fn:contains(auth, 'E')}">
						<button type="button" name="btnSave" id="btnSave" class="acc67-button">บันทึกข้อมูล</button>
					</c:if>
					<button type="button" name="btnBack" id="btnBack" class="acc67-button">ย้อนกลับ</button>
				</td>
			</tr>
		</form>
	</body>
</html>